<template>
    <fieldset>
        <legend>朋友</legend>
        <h1>吴签</h1>
        <h1>李代沫</h1>
        <h1>李易峰</h1>
        <h1>李云迪</h1>
        <h1>动态路由参数:{{ $route.params }}</h1>

        <fieldset>
            <legend>购物车数据</legend>
            <ul>
                <li v-for="item in $store.state.products">{{ item.title }}</li>
            </ul>
        </fieldset>
    </fieldset>
</template>
<script>
export default {
    mounted() {
        // $route 当前路由对象
        // $router 整个项目的路由对象,$route是$router里面的一个属性
        // console.log('$route', this.$route)
        // console.log('$router', this.$router)
        // console.log(this.$route === this.$router.history.current)
        this.$store.dispatch('FETCH_PRO')

        this.$store.state.name = '韩梅梅'
    }
}
</script>